@charset "euc-kr";

@import url("default.css");

html,body{ width:100%; height:100%; background-color:#ffffff; padding:0; margin:0;}
.bor-n {border:none;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}
.pdl10 {padding-left:10px;}
.pdr10 {padding-right:10px;}
.pdb20 {padding-bottom:20px;}
.pdb35 {padding-bottom:50px;}
.pdb100 {padding-bottom:100px;}
.mgb5 {margin-bottom:5px;}
.w50 {width:50px;}
.w70 {width:70px;}
.w40 {width:150px;}
.w250 {width:250px;}
.w200 {width:200px;}
.w83 {width:83%;}
.w95 {width:95%;}
.text11 {font-size:11px;}
.btn-right { text-align:right; width:656px; padding-top:25px;}
.btn-center420 { text-align:center; width:420px; padding-top:25px; clear:both;}
.btn-center530 { text-align:center; width:530px; padding-top:25px;}
.btn-center { text-align:center; padding-top:25px;}
.right750 {text-align:right; width:750px; padding-top:10px; color:#663333;}
.center750 {text-align:center; width:750px; color:#663333;}

/* header */
#wrap {background:url('../img/sub_header_top.jpg') no-repeat; margin:0 auto;}
#bot-wrap { background:url('../img/sub_fot.jpg') center bottom no-repeat; margin:0 auto;}
#body-wrap{ margin:0 auto; /*background:url('../img/con_body.jpg') no-repeat;*/ width:992px;} 

#header{ position:relative; margin:0 auto; min-width:992px; height:131px; z-index:1;}
h1{ position:absolute; top:21px; left: 0px;}
h1 a{ display:block; width:67px; height:84px; background:url('../img/head_logo.png') no-repeat; text-indent:-5000px;}
#middle #middletop { overflow:hidden; height:507px; position: relative;}

#container {width:100%; height:auto; overflow:auto; padding-top:65px; position:relative;}
#join_container { position:relative;width:992px; height:auto; overflow:auto; padding-top:65px;}
#join_container h2 {width:100%; float:left;}
#join_container h3 { padding-bottom:40px;}
#join_container .sub-con {width:793px; float:right; overflow:auto;}
.join-con {width:992px; padding:0; margin:0; clear:both; padding-top:80px;}

#container h2 {width:199px; float:left;}
#container h3 { padding-bottom:40px;}
#container .sub-con {width:793px; float:right; overflow:auto;}
.sub-con p {width:793px; padding:0; margin:0;}
.advice { float:right; position:absolute; top:0; left:887px;}

#gnb01 {width:992px; height:131px; background:url('../img/sub_gnb01.gif') no-repeat;}
#gnb01 li { height:131px; float:left;}
#gnb01 li a{ display:block; text-indent:-5000px; }
#gnb01 li.one a{ background-position:0 0; margin-left:199px; margin-top:75px; width:120px; height:18px;}
#gnb01 li.two a{ background-position:0 0; margin-left:41px; margin-top:75px; width:107px; height:18px;}
#gnb01 li.three a{ background-position:0 0; margin-left:42px; margin-top:75px; width:106px; height:18px;}
#gnb01 li.four a{ background-position:0 0; margin-left:42px; margin-top:75px; width:70px; height:18px;}
#gnb01 li.five a{ background-position:0 0; margin-left:42px; margin-top:75px; width:45px; height:18px;}

#gnb02 {width:992px; height:131px; background:url('../img/sub_gnb02.gif') no-repeat;}
#gnb02 li { height:131px; float:left;}
#gnb02 li a{ display:block; text-indent:-5000px; }
#gnb02 li.one a{ background-position:0 0; margin-left:199px; margin-top:75px; width:120px; height:18px;}
#gnb02 li.two a{ background-position:0 0; margin-left:41px; margin-top:75px; width:107px; height:18px;}
#gnb02 li.three a{ background-position:0 0; margin-left:42px; margin-top:75px; width:106px; height:18px;}
#gnb02 li.four a{ background-position:0 0; margin-left:42px; margin-top:75px; width:70px; height:18px;}
#gnb02 li.five a{ background-position:0 0; margin-left:42px; margin-top:75px; width:45px; height:18px;}

#gnb03 {width:992px; height:131px; background:url('../img/sub_gnb03.gif') no-repeat;}
#gnb03 li { height:131px; float:left;}
#gnb03 li a{ display:block; text-indent:-5000px; }
#gnb03 li.one a{ background-position:0 0; margin-left:199px; margin-top:75px; width:120px; height:18px;}
#gnb03 li.two a{ background-position:0 0; margin-left:41px; margin-top:75px; width:107px; height:18px;}
#gnb03 li.three a{ background-position:0 0; margin-left:42px; margin-top:75px; width:106px; height:18px;}
#gnb03 li.four a{ background-position:0 0; margin-left:42px; margin-top:75px; width:70px; height:18px;}
#gnb03 li.five a{ background-position:0 0; margin-left:42px; margin-top:75px; width:45px; height:18px;}

#gnb04 {width:992px; height:131px; background:url('../img/sub_gnb04.gif') no-repeat;}
#gnb04 li { height:131px; float:left;}
#gnb04 li a{ display:block; text-indent:-5000px; }
#gnb04 li.one a{ background-position:0 0; margin-left:199px; margin-top:75px; width:120px; height:18px;}
#gnb04 li.two a{ background-position:0 0; margin-left:41px; margin-top:75px; width:107px; height:18px;}
#gnb04 li.three a{ background-position:0 0; margin-left:42px; margin-top:75px; width:106px; height:18px;}
#gnb04 li.four a{ background-position:0 0; margin-left:42px; margin-top:75px; width:70px; height:18px;}
#gnb04 li.five a{ background-position:0 0; margin-left:42px; margin-top:75px; width:45px; height:18px;}

#gnb05 {width:992px; height:131px; background:url('../img/sub_gnb05.gif') no-repeat;}
#gnb05 li { height:131px; float:left;}
#gnb05 li a{ display:block; text-indent:-5000px; }
#gnb05 li.one a{ background-position:0 0; margin-left:199px; margin-top:75px; width:120px; height:18px;}
#gnb05 li.two a{ background-position:0 0; margin-left:41px; margin-top:75px; width:107px; height:18px;}
#gnb05 li.three a{ background-position:0 0; margin-left:42px; margin-top:75px; width:106px; height:18px;}
#gnb05 li.four a{ background-position:0 0; margin-left:42px; margin-top:75px; width:70px; height:18px;}
#gnb05 li.five a{ background-position:0 0; margin-left:42px; margin-top:75px; width:45px; height:18px;}

#gnb06 {width:992px; height:131px; background:url('../img/sub_gnb06.gif') no-repeat;}
#gnb06 li { height:131px; float:left;}
#gnb06 li a{ display:block; text-indent:-5000px; }
#gnb06 li.one a{ background-position:0 0; margin-left:199px; margin-top:75px; width:120px; height:18px;}
#gnb06 li.two a{ background-position:0 0; margin-left:41px; margin-top:75px; width:107px; height:18px;}
#gnb06 li.three a{ background-position:0 0; margin-left:42px; margin-top:75px; width:106px; height:18px;}
#gnb06 li.four a{ background-position:0 0; margin-left:42px; margin-top:75px; width:70px; height:18px;}
#gnb06 li.five a{ background-position:0 0; margin-left:42px; margin-top:75px; width:45px; height:18px;}

.tab01 {padding-left:30px; background:url('../img/sub01_tab_bg.jpg') no-repeat; width:397px; height:62px;}
.tab01 li {float:left; padding-top:16px;}
.tab01 li a{ display:block; width:281px; height:11px; background:url('../img/sub01_tab.gif') no-repeat; text-indent:-5000px;}
.tab01 li.one a{ background-position:0 0; width:176px; height:11px; margin-left:24px;}
.tab01 li.one a:hover,
.tab01 li.one a.hover{ background-position:0 -12px;}
.tab01 li.two a{ background-position:-176px 0; width:105px; height:11px;}
.tab01 li.two a:hover,
.tab01 li.two a.hover{ background-position:-176px -12px;}

.tab02 {padding-left:30px; background:url('../img/sub01_tab_bg.jpg') no-repeat; width:397px; height:62px;}
.tab02 li {float:left; padding-top:16px;}
.tab02 li a{ display:block; width:226px; height:11px; background:url('../img/sub02_tab.gif') no-repeat; text-indent:-5000px;}
.tab02 li.one a{ background-position:0 0; width:125px; height:11px; margin-left:24px;}
.tab02 li.one a:hover,
.tab02 li.one a.hover{ background-position:0 -12px;}
.tab02 li.two a{ background-position:-125px 0; width:101px; height:11px;}
.tab02 li.two a:hover,
.tab02 li.two a.hover{ background-position:-125px -12px;}

.tab04 {padding-left:30px; background:url('../img/sub01_tab_bg.jpg') no-repeat; width:397px; height:62px;}
.tab04 li {float:left; padding-top:16px;}
.tab04 li a{ display:block; width:272px; height:11px; background:url('../img/sub04_tab.gif') no-repeat; text-indent:-5000px;}
.tab04 li.one a{ background-position:0 0; width:119px; height:12px; margin-left:24px;}
.tab04 li.one a:hover,
.tab04 li.one a.hover{ background-position:0 -13px;}
.tab04 li.two a{ background-position:-119px 0; width:96px; height:12px;}
.tab04 li.two a:hover,
.tab04 li.two a.hover{ background-position:-119px -13px;}
.tab04 li.three a{ background-position:-215px 0; width:55px; height:12px;}
.tab04 li.three a:hover,
.tab04 li.three a.hover{ background-position:-215px -13px;}

.tab05 {padding-left:30px; background:url('../img/sub01_tab_bg.jpg') no-repeat; width:397px; height:62px; float:right;}
.tab05 li {float:left; padding-top:16px;}
.tab05 li a{ display:block; width:272px; height:13px; background:url('../img/sub05_tab.gif') no-repeat; text-indent:-5000px;}
.tab05 li.one a{ background-position:0 0; width:112px; height:13px; margin-left:54px;}
.tab05 li.one a:hover,
.tab05 li.one a.hover{ background-position:0 -14px;}

.tab05 li.two a{ background-position:-112px 0; width:96px; height:13px;}
.tab05 li.two a:hover,
.tab05 li.two a.hover{ background-position:-112px -14px;}


/* paging */
.paging{ clear:both; position:relative; padding:25px 0 29px 0; width:656px; text-align:center;}
.paging .btn-wrt{ position:absolute; right:0; top:23px;}
.paging ul li{ display:inline; padding:4px; font-size:11px; color:#663333; font-weight:bold;}
.paging ul li a{ display:inline-block; font-weight:normal; color:#663333;}

.boardTop{width:656px; height:30px; text-align:right;}
.boardTop select{vertical-align:middle; font-size:11px;}
.boardTop input{vertical-align:middle;}
.boardTop input.searchTxt{width:231px; height:16px; padding:2px 0 0 3px; border:1px solid #d6c2c2;}

/*table*/
.list01 { width:656px; text-align:center; background:url('../img/tbl_bg.jpg') left top no-repeat; color:#663333; }
.list01 th { height:37px;}
.list01 td { height:37px; border-bottom:1px solid #d6c2c2;}
.list01 td.td_left {text-align:left;}
.list01 td a:link, a:visited { text-decoration:none; color:#663333;}

.view01 {width:656px; background:url('../img/bg_view.jpg') left top no-repeat; }
.view01 table {margin-top:3px; color:#663333;}
.view01 th {text-align:center; padding:10px 0; border-bottom:1px solid #d6c2c2; background-color:#fcf7f7;}
.view01 td {text-align:left; padding:10px 10px 10px 20px; border-bottom:1px solid #d6c2c2;}
.view01 td a:link, a:visited { text-decoration:none; color:#663333;}
.view01 td select {color:#663333;}

.contactus { width:656px; border-top:1px solid #d6c2c2; color:#d6c2c2;}
.contactus th, .contactus td { border-bottom:1px solid #d6c2c2; padding:8px 0;}
.contactus textarea { width:95%;}
.contactus td p { width:100%; display:inline; padding-left:15px;}
 
#util {position:absolute; text-align:right; right:0; top:52px;}
#util li { padding-bottom:3px; height:11px;}

#footer {position:relative; margin:0 auto; width:100%; height:100px; clear:both;}
#footer ul {position:absolute; bottom:64px; left:0;}
#footer li{float:left; padding-right:10px;}
#footer address{ position:absolute; bottom:24px; left:0; display:block; width:355px; height:33px; background:url('../img/sub_bg_address.png') no-repeat; text-indent:-5000px;}

.login { background:url('../img/login_bg.png') no-repeat; width:447px; height:356px; padding-left:450px;}
.login-box {padding:30px 0 0 40px; border:1px solid #cc9999; width:380px; height:106px; background:url('../img/login_boxbg.jpg') right top no-repeat; }
.login-box dl { float:left; width:230px;}
.login-box dt { display:inline-block; float:left; padding-right:20px; padding-top:5px;}
.login-box dd { padding-bottom:5px; display:inline-block; }
.login-box dd input {padding:4px 0; border:1px solid #996666;}
.login-box ul {clear:both; width:150px; float:right; padding-right:70px;}
.login-box ul li { display:inline;}

.search-box {width:420px; border:1px solid #cc9999; background:url('../img/search_bg.png') right center no-repeat; padding-bottom:25px; }
.search-box dl { float:left; width:300px; padding:25px 0 0 40px;}
.search-box dt { display:inline-block; float:left; padding-right:20px; padding-top:5px;}
.search-box dd { padding-bottom:5px; display:inline-block; }
.search-box dd input {padding:4px 0; border:1px solid #996666;}

.search-box01 {padding:55px 0; width:420px; border:1px solid #cc9999; background:url('../img/search_bg.png') right center no-repeat; text-align:center; color:#9a7979;}
.search-box01 span {font-weight:bold;}

.box01 { width:710px; height:140px; border:1px solid #cc9999; padding:20px;}
.join03 { border-top:1px solid #e19bb2; border-bottom:1px solid #e19bb2; padding:30px 0; margin-top:15px; width:750px; text-align:left;}
.join03 ul {  font-size:14px; text-align:center;}
.join03 ul li { }
.join03 ul li span { color:#9a7979;}
.join03 ul li span.tit { width:80px; color:#663333; font-weight:bold; display:inline-block;}
